<template>
	<view>
		<view class="fenxiang-top">
			<view class="fenxiang-top-top">
				<view class="top-question">
					如何选择固定收益类理财产品？
				</view>
				<view class="iconfont top-icon">
					&#xe61a;
				</view>
			</view>
			<view class="fenxiang-top-bot">
				<view class="fenxiang-top-bot-it">
					<view class="uni-font18">
						120
					</view>
					<view class="uni-font9">
						分享次数
					</view>
				</view>
				<view class="fenxiang-top-bot-it">
					<view class="uni-font18">
						120
					</view>
					<view class="uni-font9">
						查看次数
					</view>
				</view>
				<view class="fenxiang-top-bot-it">
					<view class="uni-font18">
						120
					</view>
					<view class="uni-font9">
						查看人数
					</view>
				</view>
				
			</view>
		</view>
		<view class="content">
			<view class="fangke-box">

				<view class="fangke-box-item">
					<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.3.6.1.2-%E8%AE%BF%E5%AE%A2/android/drawable-xhdpi/touxiang.png"
					 mode="" class="fangke-imgae"></image>
					<view class="fangke-right">
						<view class="fangke-right-top">
							<view class="fangke-name">
								理财师 李明
							</view>
							<view class="fangke-time">
								<label class="iconfont icon">&#xe63e;</label>636
							</view>
						</view>
						<view class="fangke-right-bot">

							[北京]最近查看 2019-1-10 11:11:00

						</view>
					</view>
				</view>
				<view class="fangke-box-item">
					<image src="http://ai.ylcaifu.com/appimg/images/5.0-%E6%88%91%E7%9A%84-%E7%90%86%E8%B4%A2%E5%B8%88/5.3.6.1.2-%E8%AE%BF%E5%AE%A2/android/drawable-xhdpi/touxiang.png"
					 mode="" class="fangke-imgae"></image>
					<view class="fangke-right">
						<view class="fangke-right-top">
							<view class="fangke-name">
								理财师 李明
							</view>
							<view class="fangke-time">
								<label class="iconfont icon">&#xe63e;</label>636
							</view>
						</view>
						<view class="fangke-right-bot">
				
							[北京]最近查看 2019-1-10 11:11:00
				
						</view>
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style>
	.fenxiang-top{
		background: rgb(255,255,255);
		padding: 0 30upx;
	}
	.fenxiang-top-top{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		line-height: 49px;
		font-size: 17px;
		border-bottom: 1px solid rgba(238,238,238,1);
	}
	.fenxiang-top-bot{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		height: 45px;
		align-items: center;
	}
	.fenxiang-top-bot-it{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.top-icon{
		color: #C49C5A;
		font-size: 20px;
	}
	.uni-font18{
		font-size: 18px;
	}
	.uni-font9{
		font-size: 12px;
		color: #999999;
	}
	.content{
		background: rgb(255,255,255);
		margin-top: 10px;
	}
	.fangke-box {
		padding: 0 30upx;
	}

	.fangke-box-item {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		height: 74px;
		border-bottom: 1px solid rgba(238, 238, 238, 1);
	}

	.fangke-right {
		flex: 1;
	}

	.fangke-imgae {
		height: 40px;
		width: 40px;
		margin-right: 10px;
	}

	.fangke-right-top {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.fangke-name {
		color: #333;
		font-size: 16px;
		font-weight: bold;
		line-height: 24px;
	}

	.fangke-time {
		color: rgba(153, 153, 153, 1);
		font-size: 11px;
	}

	.fangke-right-bot {
		color: #999999;
		line-height: 24px;
	}

	.fangwen {
		color: #C49C5A;
		font-size: 14px;
		margin-left: 5px;
	}
	.icon{
		margin: 0 5px;
	}
</style>
